﻿<!-- Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See full license in root of repo. -->

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <title>Alert Dialog Example</title>

    <script src="https://appsforoffice.microsoft.com/lib/1/hosted/office.js" type="text/javascript"></script>
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.js" type="text/javascript"></script>

    <!-- For the Office UI Fabric, go to http://aka.ms/office-ui-fabric to learn more. -->
    <link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/2.1.0/fabric.min.css">
    <link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/2.1.0/fabric.components.min.css">

    <!-- Template styles -->
    <link href="../../../common.css" rel="stylesheet" />
    <link href="alert.css" rel="stylesheet" type="text/css" />

    <script src="alert.taskpane.js" type="text/javascript"></script>
    <script src="DialogHelper.js" type="text/javascript"></script>

</head>
<body> 
    <main class="ms-alert-dialog">               
        <div class="ms-font-l ms-fontColor-neutral" style="text-align: center">Click the button to open the alert dialog box.</div> 
        <br />          
        <button class="ms-Button ms-Button--primary" id="action-button"> 
            <span class="ms-Button-icon"></span> 
            <span class="ms-Button-label">Open Dialog</span> 
            <span class="ms-Button-description">Click to open an alert dialog box.</span> 
        </button>               
    </main>
</body>
</html>
